﻿.ui_card
{
	width: 306px;
	height: 126px;
	position: relative;
	z-index: 999;
	background: url(images/card.png) no-repeat;
    float:left;
}

.ui_card .ui_card_photo
{
	float: left;
	width: 115px;
	height: 115px;
	padding: 10px 0px 0px 10px;
}
.ui_card .ui_card_info
{
	float: left;
	width: 176px;
	padding-left: 12px;
}
.ui_card .ui_card_info .ui_card_name
{
	color: #003765;
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
	line-height: 24px;
	vertical-align: middle;
}
.ui_card .ui_card_info .ui_card_id
{
	color: #606066;
	font-size: 11px;
	margin-left: 3px;
}
.ui_card .ui_card_info .ui_card_content
{
	color: #383838;
	line-height: 22px;
	font-size: 12px;
}
.ui_card .ui_card_info .ui_card_91u
{
	background: url(images/card.png) no-repeat -311px 0px;
	cursor: pointer;
	height: 20px;
	line-height: 22px;
	vertical-align: baseline;
	padding-left: 25px;
	position: absolute;
	right: 8px;
	top: 99px;
}

.ui_card .ui_card_info .ui_card_control
{
	background: url(images/km.gif) no-repeat;
	cursor: pointer;
	height: 20px;
	line-height: 22px;
	vertical-align: baseline;
	padding-left: 25px;
	position: absolute;
	right: 8px;
	top: 99px;
}

.ui_card .ui_card_info .ui_card_km
{
	background: url(images/km.gif) no-repeat;
	cursor: pointer;
	height: 20px;
	line-height: 22px;
	vertical-align: baseline;
	padding-left: 24px;
	position: absolute;
	right: 68px;
	top: 99px;
}

.ui_card .ui_card_close {
    font-size:20px;
    color:#ebe9e9;
    cursor:pointer;
    position: absolute;
    right: 0;
    width: 22px;
}
.ui_card .ui_card_close:hover {
    color:black;
}

/*风格2*/
.ui_card_blue
{
	width: 251px;
	height: 162px;
	position: relative;
	z-index: 999;
	background: url(images/card_blue.png) no-repeat;
    float:left;
}
.ui_card_blue .ui_card_photo
{
	float: right;
	width: 81px;
	height: 105px;
	padding: 47px 10px 0px 0px;
}

.ui_card_blue .ui_card_info
{
	width: 140px;
	padding: 30px 0px 0px 15px;
}
.ui_card_blue .ui_card_info .ui_card_name
{
	color: #8e4d00;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	line-height: 24px;
	vertical-align: middle;
}
.ui_card_blue .ui_card_info .ui_card_id
{
	color: #495d9a;
	font-size: 11px;
	margin-left: 3px;
}
.ui_card_blue .ui_card_info .ui_card_content
{
	color: #4b5fa0;
	padding: 5px 0px 0px 5px;
	line-height: 22px;
	font-size: 12px;
}
.ui_card_blue .ui_card_info .ui_card_91u
{
	background: url(images/card_blue_91u_1.png) no-repeat;
	cursor: pointer;
	width: 72px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	left: 8px;
	top: 5px;
	font-size: 0px;
	color: #d1defe;
}
.ui_card_blue .ui_card_info .ui_card_91u_hover
{
	background: url(images/card_blue_91u_2.png) no-repeat;
}
.ui_card_blue .ui_card_info .ui_card_91u_active
{
	background: url(images/card_blue_91u_3.png) no-repeat;
}
.ui_card_blue .ui_card_info .ui_card_km
{
	background: url(images/card_blue_km_1.png) no-repeat;
	cursor: pointer;
	width: 69px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	left: 82px;
	top: 5px;
	font-size: 0px;
	color: #d1defe;
}
.ui_card_blue .ui_card_info .ui_card_km_hover
{
	background: url(images/card_blue_km_2.png) no-repeat;
}
.ui_card_blue .ui_card_info .ui_card_km_active
{
	background: url(images/card_blue_km_3.png) no-repeat;
}